<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
    <link rel="stylesheet" href="index.css">
    <title>个人简历</title>
</head>
<body>
    <div class="container">
        <div class="leftSide">
           <div class="profile">
               <img src="Jay.jpg" alt="personal pic">
               <h2>许姝雅 <br><span>七组 </span></h2>
           </div>

           <div class="contactInfo">
               <h3 class="title">基本信息</h3>
               <ul>
                   <li>
                    <span class="material-icons">
                        call
                        </span>
                    <span class="text">181 6428 5556</span>
                   </li>
                   <li>
                    <span class="material-icons">
                        email
                        </span>
                    <span class="text">Jaychou@163.com</span>
                   </li>
                   <li>
                    <span class="material-icons">
                        location_on
                        </span>
                    <span class="text">中国台湾省</span>
                   </li>
               </ul>
           </div>

           <div class="contactInfo language">
                <h3 class="title">评分</h3>
                <ul>
                    <li> <span class="text">创作能力：98/100</span> </li>
                    <li> <span class="percent">
                        <div style="width:calc(98/100*100%)"></div>

                    </span> </li>

                    <li> <span class="text">声音辨识度：100/100</span> </li>
                    <li> <span class="percent">
                        <div style="width:calc(100/100*100%)"></div>

                    </span> </li>

                    <li> <span class="text">音乐天赋：100/100</span> </li>
                    <li> <span class="percent">
                        <div style="width:calc(100/100*100%)"></div>

                    </span> </li>
                </ul>

           </div>

		   <div class="contactInfo">
			<h3 class="title">一些神评</h3>
			<ul>
				<li>
				 	<span class="text">写给你的情书仍有隽秀字迹，故事里的你不减笑意。我跟在你身后，黎明走到黄昏，黄昏步入黎明，不远不近，恰好目光所及都是你。(《等你下课》)</span>
				</li>

				<li>
					<span class="text">黄昏的追逐，冲破云绒般的彩霞，将这个温馨的夏日，徒增了不少的色彩。(《大笨钟》)</span>
				</li>

				<li>
					<span class="text">你是我期待又矛盾的梦，抓住却不能拥抱的风，想喝又怕醉的酒。(《退后》)</span>
				</li>

				<li>
					<span class="text">大概我们正如蒲公英，许下约定时以为将全部的自己托付彼此，却忘记自己是一吹即散的身轻如絮。(《蒲公英的约定》)</span>
				</li>
			</ul>
			</div>

        </div>

        <div class="rightSide">
            <div class="about">
                <h2 class="title2">个人介绍</h2>
				<div></div>
                <p style="text-indent:2em;">周杰伦是流行音乐市场具有革命性和指标性的原创歌手，同时也是影响华语乐坛很深的音乐人。他的歌曲词曲搭配得当，具有历久弥新的感染力。他把中国本土文化和R&B音乐相结合，将R&B这种音乐形态完全中国化，在很大程度上提升了词曲原创人在华人音乐界的地位。他突破亚洲音乐原有的主题和形式，创造出了多变的歌曲风格。他不仅擅长节奏蓝调、饶舌、西方古典钢琴等等，每张专辑都有中国风歌曲也是他的特点之一。他将Hip-Hop、R&B唱法融入到中国传统音乐当中，让中国风变成华语流行音乐的主流曲风。周杰伦的独特之处还在于他在追求中国风音乐的同时，将文学美与意境美注入到音乐中，使其作为偶像的同时又不失文化品味。</p>
            </div>

            <div class="about">
                <h2 class="title2">获得成就</h2>
                <div class="box">
                    <div class="year-company">
                        <h5>2002</h5>

                    </div>

                    <div class="text">
                        <p>发布第一张专辑《Jay》</p>
                    </div>
                </div>

                <div class="box">
                    <div class="year-company">
                        <h5>2003</h5>
                    </div>

                    <div class="text">
                        <p>荣登美国《时代》周刊亚洲版封面</p>
                    </div>
                </div>

				<div class="box">
                    <div class="year-company">
                        <h5>2005</h5>

                    </div>

                    <div class="text">
                        <p>凭借动作片《头文字D》获得金马奖、金像奖最佳新人奖</p>
                    </div>
                </div>

				<div class="box">
                    <div class="year-company">
                        <h5>2006~2008</h5>

                    </div>

                    <div class="text">
                        <p>连续三年获得世界音乐大奖中国区最畅销艺人奖</p>
                    </div>
                </div>

				<div class="box">
                    <div class="year-company">
                        <h5>2008</h5>

                    </div>

                    <div class="text">
                        <p>凭借歌曲《青花瓷》获得第19届金曲奖最佳作曲人奖</p>
                    </div>
                </div>

				<div class="box">
                    <div class="year-company">
                        <h5>2009</h5>

                    </div>

                    <div class="text">
                        <p>入选美国CNN评出的“25位亚洲最具影响力人物”
							<br>凭借专辑《魔杰座》获得第20届金曲奖最佳国语男歌手奖
						</p>
                    </div>
                </div>

				<div class="box">
                    <div class="year-company">
                        <h5>2012</h5>

                    </div>

                    <div class="text">
                        <p>登福布斯中国名人榜榜首</p>
                    </div>
                </div>

            </div>


           <div class="about skills">
                <h2 class="title2">歌曲热度</h2>
                 <div class="box">
                    <h4>晴天</h4>
                    <div class="percent">
                        <div style="width:97%"></div>
                    </div>
                 </div>

                 <div class="box">
                    <h4>七里香</h4>
                    <div class="percent">
                        <div style="width:93%"></div>
                    </div>
                 </div>

                 <div class="box">
                    <h4>花海</h4>
                    <div class="percent">
                        <div style="width:89%"></div>
                    </div>
                 </div>

                 <div class="box">
                    <h4>稻香</h4>
                    <div class="percent">
                        <div style="width:85%"></div>
                    </div>
                 </div>

                 <div class="box">
                    <h4>夜曲</h4>
                    <div class="percent">
                        <div style="width:81%"></div>
                    </div>
                 </div>

                 <div class="box">
                    <h4>一路向北</h4>
                    <div class="percent">
                        <div style="width:78%"></div>
                    </div>
                 </div>

				 <div class="box">
                    <h4>给我一首歌的时间</h4>
                    <div class="percent">
                        <div style="width:73%"></div>
                    </div>
                 </div>

				 <div class="box">
                    <h4>明明就</h4>
                    <div class="percent">
                        <div style="width:68%"></div>
                    </div>
                 </div>
           </div>

           <div class="about interest">
              <h2 class="title2">人物评价</h2>
				<p style="text-indent:2em;">周杰伦具有独特的唱腔，他依靠一种个性化的、自然率真的演唱风格完成其声音的塑造，并通过恰到好处的假声以及语气词的控制来增加作品的表现力。周杰伦的发音也是其鲜明风格的一部分，他打破了歌手吐字清晰的原则，转而以一种不考虑平仄、突出旋律的方式唱出个性，并将这种个性同青少年听众群对时尚音乐风格的需求进行了恰当的对接。</p>
           </div>

        </div>
    </div>
</body>
</html>